<h2 class="text-center">Gestion des hôtels</h2>
<br/>
<div class="tabset row">
	<div class="col-sm-3">
		<ul class="nav nav-pills nav-stacked" role="tablist">
			<li ng-class="{'active': viewTab == 'tab2'}">
				<a ng-click="changeTab('tab2')" href="">Ajouter</a>
			</li>
			<li ng-class="{'active': viewTab == 'tab1'}">
				<a ng-click="changeTab('tab1')" href="">Rechercher</a>
			</li>
			<!-- <li ng-class="{'active': viewTab == 'tab4'}" class="animate" ng-show="selected">
				<a ng-click="changeTab('tab4')" href="">Modifier</a>
			</li> -->
			<li ng-show="selected" class="animate">
				<a ng-click="open()" href="">Supprimer</a>
			</li>
		</ul>
	</div>
	<div class="col-sm-9">
		<div ng-show="viewTab == 'tab2'">
			<ajouterhotel added="added" view="viewTab"></ajouterhotel>
		</div>
		<div ng-show="viewTab == 'tab1'">
			<rechercherhotel data="data" view="viewTab" selected="selected" rafraichir-recherche="rafraichirRecherche"></rechercherhotel>
		</div>
		<div ng-show="viewTab == 'tab4'" view="viewTab" ng-show="selected">
			This is tab 4 content
		</div>
	</div>
</div>
